/*
    Created on : 14/12/2014, 08:55:54 AM
    Author     : Renzo Santillán
*/


body{
    background:#ddd;
}

header{
    background: #428BCA;
    height: 75px;
    box-shadow: 0px 3px 2px #ccc;
    text-align:center;
}

#header_cont_tit{
    /*background: darkred;*/
    height: 75px;
    text-align: center;
}

#header_cont_tit h1{
    top: 15px;
    position:relative;
    font-weight: normal;
    color:#ffffff;
    font-size: 30px;
    /*text-shadow: 2px 2px 4px whitesmoke;*/
}


#div_login{
    height: 15px !important;
    text-align: center;
    padding: 25px;
}
#encabezado_login{
    /*    color: #428bca !important;*/
    font-size: 17px;
    padding:10px;
}

#main_login{
    top:40px;
    position: relative;
    text-align: center;
    background: whitesmoke;
    padding: 5px;
    width: 30%;
    min-width: 270px;
    margin: 0 auto;
    height: 350px;
    text-align: center !important;

    -webkit-box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.5), inset 0px 0px 10px 0px rgba(80,80,80,0.7);
    -moz-box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.5), inset 0px 0px 10px 0px rgba(80,80,80,0.7);
    box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.5), inset 0px 0px 10px 0px rgba(80,80,80,0.7);

    border-radius: 4px;
    border:solid 2px #ccc;

}
#head_login{
    color:blue;
}

.controles_form_login{
    padding: 10px !important;
    /*background:green;*/
}


#usuario_login{

    background: url( ../src/img/ic_action_person.png) no-repeat left !important;
    -webkit-box-shadow:inset 0px 0px 15px 0px rgba(255,255,255,0.5),  0px 0px 4px 0px rgba(80,80,80,0.7);
    -moz-box-shadow:inset 0px 0px 15px 0px rgba(255,255,255,0.5),  0px 0px 4px 0px rgba(80,80,80,0.7);
    box-shadow: inset 0px 0px 15px 0px rgba(255,255,255,0.5),  0px 0px 4px 0px rgba(80,80,80,0.7);
    margin-left: 10px;

}

#usuario_login:focus{
    /*color:green;*/
    background: url( ../src/img/ic_action_person.png) no-repeat left !important;
    /*color:#02a902;*/
    margin-left: 10px;
}


#clave_login{

    -webkit-box-shadow:inset 0px 0px 15px 0px rgba(255,255,255,0.5),  0px 0px 4px 0px rgba(80,80,80,0.7);
    -moz-box-shadow:inset 0px 0px 15px 0px rgba(255,255,255,0.5),  0px 0px 4px 0px rgba(80,80,80,0.7);
    box-shadow: inset 0px 0px 15px 0px rgba(255,255,255,0.5),  0px 0px 4px 0px rgba(80,80,80,0.7);
    background: url( ../src/img/ic_action_secure.png) no-repeat left !important;
    margin-left: 10px;
    margin-top: 8px !important;
}

#clave_login:focus{
    background: url( ../src/img/ic_action_secure.png) no-repeat left !important;
    color:#02a902;
    margin-left: 10px;
}

#main_login input {
    font-size: 18px;
    width:  320px;
    text-align: center;
    border-radius: 5px !important;
}

#submit_login{
    /*    margin-top:30px;*/
    width: 91.5% !important;
    height: 45px !important;
    font-size: 18px !important;
    border:solid 2px #02a902 !important;
}
#submit_login:active{
    margin-top:31px;
}

#clave_login,#usuario_login{
    width: 85% !important;
    min-width: 150px !important;
}



#mensaje{
    margin-top:10px;
    padding:10px;
    height: 20px !important;
}

#lblMensaje,#encabezado_login{
    font-size: 15px;
    /*background: red;*/
}
